/**************************
* TABLES  and small icon
***************************/
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
	line-height: 1.5em;
	thead, th, caption{
		text-align: left;
	}
	td, th, caption{
		/*  inner column border */
		font-size: inherit;
		margin: 0;
		overflow: visible;
		/*to make ths where the title is really long work*/
		padding: 2px 7px;
		/* cell padding */
	}

	.ico-s-delete,
	.ico-s-up,
	.ico-s-down{
		opacity: 0;
	}
	tr:hover{
		.ico-s-delete,
		.ico-s-up,
		.ico-s-down{
			opacity: 1;
		}
	}

	tbody{
		>tr:nth-child(even){
			background-color: darken($panel-bg, 3%);
		}
		>tr:hover{
			background-color: $table-bg-hover;
		}
		tr.cur{
			td:first-child:after{
				position: absolute;
				@include css-triangle(6px, $brand-success, left);
				display: inline-block;
				margin-top: 5px;
				left: 3em;
			}
		}
	}
	tr{
		border-bottom: 1px solid $tab-border;
		&:first-child{
			border-top: 1px solid $tab-border;
		}
		&.delay, &.event{
			td:nth-child(2):before{
				content: 'D';
				background-color: $brand-primary;
				display: inline-block;
				color: white;
				width: 1.375em;
				text-align: center;
				cursor: default;
				float: left;
			}
		}
		&.event{
			td:nth-child(2):before{
				content: 'E';
				background-color: $brand-warning;
			}
		}
		td:nth-child(2){
			div{
				text-indent: 5px;
				width: 284px;
				overflow-x: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}
}
//make sticky header table
$table-width: 430px;
.sticky{
	width: $table-width + 15;
	position: relative;
	z-index: 9;
}
.scrollable{
	position: absolute;
	overflow-y: scroll;
	overflow-x: hidden;
	left: 5px;
	right: 5px;
	top: 148px;
	bottom: 40px;
	table{
		width: $table-width;
	}
}


//small icons inside table
.ico-s-delete,
.ico-s-up,
.ico-s-down{
	display: inline-block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url("../assets/black_12x12_icon.svg");
}
.ico-s-delete{
	background-position: 0 0;
}
.ico-s-up{
	background-position: -12px 0;
}
.ico-s-down{
	background-position: -24px 0;
}